<!--
 * @Author: your name
 * @Date: 2025-04-08 08:58:47
 * @LastEditors: your name
 * @LastEditTime: 2025-05-06 14:32:49
 * @Description: 
 * @FilePath: \RuoYi-Vue3\src\components\cloudTv\BranchSvg.vue
-->
<!-- ？接地开关SVG -->
<template>
    <div class="BranchSvg" >
        <svg width="50" height="70" xmlns="http://www.w3.org/2000/svg">
            <path :stroke="color" stroke-width="2" fill="none"
                d="m13.43272,8.31565l0,0c-0.01499,-1.25932 5.32066,-2.33847 11.9196,-2.41012c6.59809,-0.07164 11.95888,0.89135 11.97387,2.15067l0,0c-2.82868,-0.68707 -7.26005,-1.06143 -11.9603,-1.0104s-9.12071,0.52154 -11.93317,1.26985z"
                id="svg_6" />
            <rect :stroke="color" fill="none" x="16.63877" y="25.51541" width="17.69995" height="16.90791"
                id="svg_8" />
            <line :stroke="color" fill="none" x1="25.48874" y1="9.9081" x2="24.80797" y2="59.98154" id="svg_9" />
            <path :stroke="color" stroke-width="2" fill="none"
                d="m36.56372,61.57002l0,0c0.02725,1.25912 -5.29768,2.38562 -11.89563,2.51587c-6.59711,0.13024 -11.96704,-0.78513 -11.99427,-2.04425l0,0c2.83525,0.66192 7.27007,0.99692 11.96962,0.90415s9.11524,-0.6025 11.9203,-1.37577l-0.00001,0z"
                id="svg_11" />
        </svg>
    </div>
</template>

<script>

export default {
    props: {
        color: {
            type: String,
            default() {
                return '#007eff'
            }
        },
        bgColor: {
            type: String,
            default() {
                return '#212120'
            }
        }
    },
    name: 'ContactSvg',
    components: {
    }
}
</script>

<style lang="scss" scoped>
.BranchSvg {
    width: 50px;
    height: 70px;
    position: absolute;
    left: calc(50% - 25px);
    bottom: 10px;
    transform: scale(0.8);
}
</style>
